<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 导航栏开始 -->
    <div class="header">
        <div class="inner">
            <h3 class="logo"></h3>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">博雅游戏</a></li>
                <li><a href="#">博雅新闻</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">客服中心</a></li>
                <li><a href="#">投资者关系</a></li>
            </ul>
            <div class="join">
                <a href="#">加入我们</a>
            </div>
        </div>
    </div>
    <!-- 导航栏结束 -->
    <!-- 轮播图开始 -->
    <div class="box">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <!-- 轮播图结束 -->
    <!-- 内容开始 -->
    <div class="content">
        <!-- 内容产品开始 -->
        <div class="product">
            <ul>
                <li>
                    <img src="./img/pro1.jpg" alt="产品图片">
                    <h3>BPT宣传片</h3>
                    <div class="play">
                        <a href="#">点击播放</a>
                    </div>
                </li>
                <li>
                    <img src="./img/pro2.jpg" alt="产品图片">
                    <h3>博雅互动宣传片</h3>
                    <div class="play">
                        <a href="#">点击播放</a>
                    </div>
                </li>
                <li>
                    <img src="./img/pro3.jpg" alt="产品图片">
                    <h3>斗地主</h3>
                    <div class="play">
                        <a href="#">点击播放</a>
                    </div>
                </li>
                <li>
                    <img src="./img/pro4.jpg" alt="产品图片">
                    <h3>德州扑克</h3>
                    <div class="play">
                        <a href="#">点击播放</a>
                    </div>
                </li>
            </ul>
            <ol>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
        <!-- 内容产品结束 -->
        <!-- 内容信息开始 -->
        <div class="info">
            <div class="left">
                <ul>
                    <li>
                        <a href="#">
                            <span>02/21</span>
                            <span>新闻标题新闻标题新闻标题</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>02/21</span>
                            <span>新闻标题新闻标题新闻标题</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>02/21</span>
                            <span>新闻标题新闻标题新闻标题</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>02/21</span>
                            <span>新闻标题新闻标题新闻标题</span>
                        </a>
                    </li>
                </ul>
                <div class="more">
                    <a href="#"></a>
                </div>
            </div>
            <div class="right">
                <ul>
                    <li>专场招聘岗位:</li>
                    <li><a href="#">PHP开发工程师</a></li>
                    <li><a href="#">c++开发工程师</a></li>
                    <li><a href="#">WEB开发工程师</a></li>
                    <li><a href="#">大数据开发工程师</a></li>
                </ul>
                <div class="more1">
                    <a href="#"></a>
                </div>
                <div class="zczp">
                    <a href="#"></a>
                </div>
            </div>
        </div>
        <!-- 内容信息结束 -->
    </div>
    <!-- 内容结束 -->
     <!-- 内容尾部开始 -->
     <div class="box5">
        <a>网站地图 |免麦声明</a>
        <span>Copyright 2004-2014 博雅互动(Boyaa Interactive) 粤ICP备05062536号 增值电信业务经营许可证：粤B2-20110513<img src="./img/govIcon.gif"></span>
    </div>
    <!-- 内容尾部结束 -->
</body>
</html>